<template>
    <div>
         <h3 class="title">周末去哪里</h3>
        <ul>
            <li class="item" v-for="item of weekendList" :key="item.id">
                <img class="item-img" :src="item.imgUrl" alt="">
                <div class="item-info">
                    <p class="item-title">{{item.title}}</p>
                    <p class="item-deac">{{item.desc}}</p>
                </div>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
    props: {
        weekendList:Array
    },
    name: 'HomeWeekend',
    data () {
        return{
            
        }
    }
}
</script>

<style lang="stylus" scoped>
@import '~styles/varibles.styl'
.title
    height:.6rem
    line-height .6rem
    margin-top: .2rem;
    background: #f5f5f5
    padding-left: .2rem
.item
    .item-img
        width: 100%;
        height: 2rem
    .item-info
        padding: 0.2rem
        .item-title
            line-height: .6rem
            font-size: .32rem
        .item-deac
            color: #999999
            line-height: .54rem
            ellipsis()

</style>